﻿<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Registro.aspx.cs"
    Inherits="Cuenta_Registro" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="HeadContent">
    <link href="../Styles/Registro.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="container">
        <div id="loginbox" style="margin-top: 50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <div class="panel-title">
                        Iniciar Sesión</div>
                    <div style="float: right; font-size: 80%; position: relative; top: -10px">
                        <a href="#">Olvidó su contraseña?</a></div>
                </div>
                <div style="padding-top: 30px" class="panel-body">
                    <div style="display: none" id="login-alert" class="alert alert-danger col-sm-12">
                    </div>
                    <div id="loginform" class="form-horizontal" role="form">
                        <div style="margin-bottom: 25px" class="input-group">
                            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                            <asp:TextBox CssClass="form-control" placeholder="Email" ID="txtEmailLogin" runat="server"
                                ValidationGroup="grLogin"></asp:TextBox>
                        </div>
                        <div style="margin-bottom: 25px" class="input-group">
                            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                            <asp:TextBox CssClass="form-control" placeholder="password" ID="txtPasswordLogin"
                                runat="server" MaxLength="50" ValidationGroup="grLogin" TextMode="Password"></asp:TextBox>
                        </div>
                        <div class="input-group">
                            <div class="checkbox">
                                <label>
                                    <asp:CheckBox ID="chkRecordarme" runat="server" />
                                    Recordarme en este equipo
                                </label>
                            </div>
                        </div>
                        <div style="margin-top: 10px" class="form-group">
                            <!-- Button -->
                            <div class="col-sm-12 controls">
                                <asp:Button ID="btnLogin" runat="server" CssClass="btn btn-success" Text="Login"
                                    ValidationGroup="grLogin" OnClick="btnLogin_Click" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12 control">
                                <div style="border-top: 1px solid#888; padding-top: 15px; font-size: 85%">
                                    Todavía no tienes una cuenta! <a href="#" onclick="$('#loginbox').hide(); $('#signupbox').show()">
                                        Registrate aqui </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="signupbox" style="display: none; margin-top: 50px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <div class="panel-title">
                        Registro</div>
                    <div style="float: right; font-size: 85%; position: relative; top: -10px">
                        <a id="signinlink" href="#" onclick="$('#signupbox').hide(); $('#loginbox').show()">
                            Tengo una cuenta</a></div>
                </div>
                <div class="panel-body">
                    <div id="signupform" class="form-horizontal" role="form">
                        <div id="signupalert" style="display: none" class="alert alert-danger">
                            <p>
                                Error:</p>
                            <span></span>
                        </div>
                        <div class="form-group">
                            <label for="email" class="col-md-3 control-label">
                                Email</label>
                            <div class="col-md-9">
                                <asp:TextBox ID="txtEmail" runat="server" Columns="48" CssClass="form-control" MaxLength="100"
                                    placeholder="Email" ValidationGroup="grRegistro"></asp:TextBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="firstname" class="col-md-3 control-label">
                                Nombre</label>
                            <div class="col-md-9">
                                <asp:TextBox ID="txtNombre" runat="server" Columns="20" CssClass="form-control" MaxLength="30"
                                    placeholder="Nombre" ValidationGroup="grRegistro"></asp:TextBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="lastname" class="col-md-3 control-label">
                                Apellido</label>
                            <div class="col-md-9">
                                <asp:TextBox ID="txtApellido" runat="server" Columns="20" CssClass="form-control"
                                    MaxLength="30" placeholder="Apellido" ValidationGroup="grRegistro"></asp:TextBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="password" class="col-md-3 control-label">
                                Password</label>
                            <div class="col-md-9">
                                <asp:TextBox ID="txtPassword" runat="server" Columns="48" CssClass="form-control"
                                    MaxLength="10" placeholder="Contraseña" TextMode="Password" ValidationGroup="grRegistro"></asp:TextBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="nacimiento" class="col-md-3 control-label">
                                Nacimiento</label>
                            <div class="col-md-9">
                                <div class="col-md-4">
                                    <asp:DropDownList CssClass="form-control" ID="cboDia" runat="server" ValidationGroup="grRegistro">
                                        <asp:ListItem Text="Día" Value="0"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div class="col-md-4">
                                    <asp:DropDownList CssClass="form-control" ID="cboMes" runat="server" ValidationGroup="grRegistro">
                                        <asp:ListItem Text="Mes" Value="0"></asp:ListItem>
                                        <asp:ListItem Text="Ene" Value="1"></asp:ListItem>
                                        <asp:ListItem Text="Feb" Value="2"></asp:ListItem>
                                        <asp:ListItem Text="Mar" Value="3"></asp:ListItem>
                                        <asp:ListItem Text="Abr" Value="4"></asp:ListItem>
                                        <asp:ListItem Text="May" Value="5"></asp:ListItem>
                                        <asp:ListItem Text="Jun" Value="6"></asp:ListItem>
                                        <asp:ListItem Text="Jul" Value="7"></asp:ListItem>
                                        <asp:ListItem Text="Agos" Value="8"></asp:ListItem>
                                        <asp:ListItem Text="Sept" Value="9"></asp:ListItem>
                                        <asp:ListItem Text="Oct" Value="10"></asp:ListItem>
                                        <asp:ListItem Text="Nov" Value="11"></asp:ListItem>
                                        <asp:ListItem Text="Dic" Value="12"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div class="col-md-4">
                                    <asp:DropDownList CssClass="form-control" ID="cboAnio" runat="server" ValidationGroup="grRegistro">
                                        <asp:ListItem Text="Año" Value="0"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sexo" class="col-md-3 control-label">
                                Sexo</label>
                            <div class="col-md-9">
                                <asp:RadioButtonList ID="rdbSexo" runat="server" CssClass="form-control" RepeatDirection="Horizontal"
                                    ValidationGroup="grRegistro">
                                    <asp:ListItem Selected="True" Value="F">Mujer</asp:ListItem>
                                    <asp:ListItem style="padding-left: 15px;" Value="M">Hombre</asp:ListItem>
                                </asp:RadioButtonList>
                            </div>
                        </div>
                        <div class="form-group">
                            <!-- Button -->
                            <div class="col-md-offset-3 col-md-9">
                                <asp:LinkButton ID="btnRegistrate" runat="server" CssClass="btn btn-info" ValidationGroup="grRegistro"
                                    OnClick="btnRegistrate_Click">
                                        <i class="glyphicon glyphicon-hand-right"></i> Registrarme
                                </asp:LinkButton>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
